
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">
        <!-- App title -->
        <title>Zircos - Responsive Admin Dashboard Template</title>

        <!-- App css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/core.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/components.css" rel="stylesheet" type="text/css" />
        <style>
            .container-alt {
                margin-left: auto;
                margin-right: auto;
                padding-left: 15px;
                padding-right: 15px;
            }
            .p-t-7{
                padding-top: 7px;
                display: block;
            }
            .error{
                color: #f5707a;
            }
        </style>
        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <!-- <script src="assets/js/modernizr.min.js"></script> -->

    </head>


    <body class="bg-transparent">
        <!-- HOME -->
        <section>
            <div class="container-alt">
                <div class="row">
                    <div class="col-sm-12">

                        <div class="wrapper-page">

                            <div class="m-t-40 account-pages">
                                <div class="text-center account-logo-box">
                                    <h2 class="text-uppercase">
                                        <a href="index.html" class="text-success">
                                            <span><img src="assets/img/logo.png" alt="" height="36"></span>
                                        </a>
                                    </h2>
                                    <!--<h4 class="text-uppercase font-bold m-b-0">Sign In</h4>-->
                                </div>
                                <div class="account-content">
                                    <form class="form-horizontal" id="loginForm" action="#">

                                        <div class="form-group ">
                                            <div class="col-xs-12">
                                                <input class="form-control" type="text" name="username" required rangelength="[2,20]" placeholder="请输入用户名">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="col-xs-12">
                                                <input class="form-control" required rangelength="[6,16]" name="password" type="password"  placeholder="请输入密码">
                                            </div>
                                        </div>
                                        <!-- <div class="form-group ">
                                            <div class="col-xs-12">
                                                <input class="form-control" type="text" name="username" placeholder="请输入用户名">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="col-xs-12">
                                                <input class="form-control" name="password" type="password"  placeholder="请输入密码">
                                            </div>
                                        </div> -->

                                        <div class="form-group ">
                                            <div class="col-xs-6">
                                                <div class="checkbox checkbox-success">
                                                    <input id="checkbox-signup" type="checkbox" checked>
                                                    <label for="checkbox-signup">
                                                        记住我
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <a href="resetPassword.html" class="text-muted p-t-7 pull-right"><i class="fa fa-lock m-r-5"></i> 忘记密码</a>
                                            </div>
                                        </div>

                                        <div class="form-group text-center m-t-10">
                                            <div class="col-xs-12">
                                                <input value="登陆" id="login" class="btn w-md btn-bordered btn-danger waves-effect waves-light" type="submit"/>
                                                <!-- <button id="login" class="btn w-md btn-bordered btn-danger waves-effect waves-light" type="submit">登陆</button> -->
                                            </div>
                                        </div>

                                    </form>

                                    <div class="clearfix"></div>

                                </div>
                            </div>
                            <!-- end card-box-->


                            <div class="row m-t-50">
                                <div class="col-sm-12 text-center">
                                    <p class="text-muted">还没有账号? <a href="register.html" class="text-primary m-l-5"><b>注册</b></a></p>
                                </div>
                            </div>

                        </div>
                        <!-- end wrapper -->

                    </div>
                </div>
            </div>
          </section>
          <!-- END HOME -->

        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script type="text/javascript" src="../plugins/jquery-validation/js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="../plugins/jquery-validation/js/messages_zh.min.js"></script>
        <script>
            $(function(){
                $("#loginForm").validate({
                    submitHandler:function(form){
                        window.location.href='./index.html';
                    },
                    // rules:{
                    //     username:{
                    //         required:true,
                    //         rangelength:[2,20]
                    //     },
                    //     password:{
                    //         required:true,
                    //         rangelength:[6,16]
                    //     }
                    // }
                });
            })
        </script>

    </body>
</html>